<?php use_helper('Javascript');?>
<style type="text/css">

  html>body thead.datagrid th{
    width: 50px;
  }
  
  html>body thead.datagrid th+th{
    width: 100px;
  }

  html>body thead.datagrid th+th+th{
    width: 200px;
  }
  
  html>body thead.datagrid th+th+th+th{
    width: 100px;
  }
  
  html>body tbody.datagrid td+td+td+td{
    text-align: right;
  }
  
  html>body thead.datagrid th+th+th+th+th{
    width: 16px;
  }
  
  html>body tbody.datagrid{
    height: 300px;
  }
  
</style>
<table class="datagrid">
  <thead class="datagrid">
    <tr>
      <th>Issued on</th>
      <th>Invoice</th>
      <th>Invoice Name</th>
      <th>Total</th>
      <th></th>
    </tr>
  </thead>
  <tbody class="datagrid">
    <?php foreach($invoices as $invoice):?>
      <?php include_partial('invoice_grid_tr',array('invoice'=>$invoice,))?>
    <?php endforeach;?>
    <tr id="row_invoice_end" style="display:none;">
    </tr>
  </tbody>
</table>